<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>我的钱包</title>
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
  </head>
  <body>
    <style type="text/css">
      .top{ line-height: 45px;}
      .j{ border-bottom: 1px #ccc solid; padding: 10px 0;}
      .t{     border: 1px #ccc solid;
    padding: 1rem;
    margin: 1rem;;}
      .q{ line-height: 60px;}
      .col-xs-9,.col-xs-7{ line-height: 30px;}
      
      .col-xs-3{ line-height: 60px;}
      .b{ border-right: 1px #ccc solid;}
      .t2,.t3{ display: none;}
      .act{ color: #4eb2f7;}
      .col-xs-2 a{ color: #FFFFFF;}
      .box{width: 100%;}
    </style>
    <div class="alltop">
      <div class="backone2">
        <a href="javascript:;" class="returna"><span class="glyphicon glyphicon-menu-left"></span><b>返回</b></a>
      </div>
      <div class="refresh">
      <a href="#">
        <span class="glyphicon glyphicon-refresh"></span><b>刷新</b></a>
      </div>
    </div>  
    <div class="box">
      <div class="container" style=" overflow-x: hidden;  width: 100% ;">
        <div class="row top">
          <div class="col-xs-6" style="line-height: 45px;">账户余额：<span class="myyue">{{commission}}</span>元</div>
          <div class="col-xs-2"><button class="btn btn-sm tixian"  style="background: #49abfe;"><a :href="tixianurl">提现</a></button></div>
          <div class="col-xs-2"><button class="btn btn-sm chongzhi" style="background: #3eb747;"><a :href="chongzhi">充值</a></button></div>
        </div>
        <div class="row j">
          <!-- <div class="col-xs-4 text-center b">
            <div class="je">0</div>
            <div class="name">昨日金额</div>
          </div>
          <div class="col-xs-4 text-center b">
            <div class="je">0</div>
            <div class="name">昨日新增</div>
          </div>
          <div class="col-xs-4 text-center">
            <div class="je">0</div>
            <div class="name">待入佣金</div>
          </div>
        </div> -->
        <div class="row q">
          <div class="col-xs-4 text-center">
            <div class="name1 act">提现记录</div>
          </div>
          <!-- <div class="col-xs-4 text-center">
            <div class="name2">充值记录</div>
          </div>
          <div class="col-xs-4 text-center">
            <div class="name3">消费记录</div>
          </div> -->
        </div>
        <div class="t1">
          <div class="row t" v-for="item in labels1">
            <div class="col-xs-6">
               提现流水号： {{item.id}}
            </div>
            <div class="col-xs-6">
              <div>
                日期： {{item.date}}
              </div>
            </div>
            <div class="col-xs-12">
              <div class="where">{{item.bank}} ：{{item.accountnumber}}</div>
               
            </div>
            <div class="col-xs-7">
              <div class="where">状态 ：{{item.state}}</div>
              
            </div>

            <div class="col-xs-5">
              <div>
                金额：{{item.withdrawalamount}}
              </div>
              
            </div>
            <div class="col-xs-12">
            <div class="how">备注： {{item.remark}}</div>
            </div>
            <!-- <div class="how col-xs-9"></div> -->
            <div class="col-xs-9">
             
            </div>
          </div>
         
        </div>
        <!-- <div class="t2">
          <div class="row t">
            <div class="col-xs-7">
              <div class="where">微信充值</div>
              <div class="how">2017.12.12</div>
            </div>
            <div class="col-xs-3">100元</div>
            <div class="col-xs-2" style=" padding: 5px; background: #5CB85C; color: #FFFFFF; border-radius: 2px; margin-top: 15px; text-align: center; width: 14%;">退款</div>
          </div>
          <div class="row t">
            <div class="col-xs-7">
              <div class="where">微信充值</div>
              <div class="how">2017.12.12</div>
            </div>
            <div class="col-xs-3">100元</div>
            <div class="col-xs-2" style=" padding: 5px; background: #5CB85C; color: #FFFFFF; border-radius: 2px; margin-top: 15px; text-align: center; width: 14%;">退款</div>
          </div>
          <div class="row t">
            <div class="col-xs-7">
              <div class="where">微信充值</div>
              <div class="how">2017.12.12</div>
            </div>
            <div class="col-xs-3">100元</div>
            <div class="col-xs-2" style=" padding: 5px; background: #5CB85C; color: #FFFFFF; border-radius: 2px; margin-top: 15px; text-align: center; width: 14%;">退款</div>
          </div>
        </div>
        <div class="t3">
          <div class="row t">
            <div class="col-xs-9">
              <div class="where">微信充值</div>
              <div class="how">2017.12.12</div>
            </div>
            <div class="col-xs-3">100元</div>
          </div>
        </div> -->
        <script type="text/javascript">
          
        </script>
      </div>
    </div>
    <script src="../lib/soha.js" type="text/javascript"></script>
    <script type="text/javascript" src="../lib/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="../lib/vue.min.js"></script>
    <script type="text/javascript" src="../lib/common.js"></script>
    <script type="text/javascript" src="js/myzichang_ajax.js"></script>

    <script src="js/peizhi.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>
